<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/1.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.js"></script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        
        ul li {
            list-style: none;
            float: left;
            margin-left: 60px;
            line-height: 60px;
        }
        
        a {
            text-decoration: none;
            color: rgb(229, 35, 61);
        }
        
        ul li a:hover {
            color: orange;
            text-decoration: none;
        }
        .ok{
            height: 36px;
     background-color: #863c13;
        }
        .j{
            
          font-size: 20px;
    float: left;
     margin-left:500px;
      height: 36px;
        }
        .center{
            width: 1200px;
          height: 36px;
          margin: 0 auto;
          line-height: 36px;
        }
        .hhh{
            color: rgb(236, 242, 232);
           font-size: 19px;
           line-height: 35px;
             float: right;
        }
        .hhh a{
            color: #f4ecec;
            margin: 0 5px;
             font-size: 18px;
        }

    </style>

</head>

<body>


    <div class="container-fluid px-0">
        <div class="ok">
            <div class="center">
                <div class="j" style="color: rgb(230, 237, 237);">
                    <b>校园失物招领系统</b>


                </div>
                <div class="hhh">

                    <a href="denglu.html">登录</a>
                    <a href="zhuce.html">免费注册</a>
                    <a href="#">购物车</a>
                    <a href="#">我的订单</a>

                </div>

            </div>
        </div>

        <div class="w-100  d-flex justify-content-center"
            style="height: 60px;background-color:#1d1d22;min-width: 800px;">
            <div class="" style="color: white;">
                <ul class="">
                    <li>
                        <a href="gui.html">首页</a>
                    </li>
                    <li>
                        <a href="fxx_GGXX.html">公告信息</a>
                    </li>
                    <li>
                        <a href="shiwu1.html">失物信息</a>
                    </li>
                    <li>
                        <a href="zhaoling1.html">招领信息</a>
                    </li>
                    <li>
                        <a href="demo00.html">交流论坛</a>
                    </li>
                    <li>
                        <a href="liuyan.html">留言反馈</a>
                    </li>
                    <li>
                        <a href="personal.html">个人中心</a>
                    </li>
                    <li>
                        <a href="./后台/index.html">后台管理</a>
                    </li>

                </ul>

            </div>

        </div>
    </div>
    <!-- ==============================boostrap轮播图 ========================================================-->
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="margin-bottom: 20px;">
        <!-- 这是下方图片跳转选项 填几个转第几个【索引】-->
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            
        </ol>

        <!-- 轮播的图片 -->
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="./img/tu1.jpg" class="d-block w-100" height="200px" alt="...">
            </div>
            <div class="carousel-item">
                <img src="./img/tu2.jpg" class="d-block w-100" height="200px" alt="...">
            </div>
            <div class="carousel-item">
                <img src="./img/tu4.jpg" class="d-block w-100" height="200px" alt="...">
            </div>
        </div>

        <!-- 左右的上下跳转 -->
        <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </button>
    </div>
    <!-- ======= 轮播图 --end-- ==================================================================-->



    <div class="rounded" id="a">
        <h4 class="text-white" style="padding-top: 5px; text-align: center;">MESSAGES/ADVICE</h4>
        <h4 class="text-white" style="text-align: center;">留言反馈</h4>
    </div>
    <div class="rounded" id="b">
        <form class="submit_box ">
            <div class="user_name " id="c">
              <h4>留言</h4>  
            </div>
            <div class="area_box " id="e">
                <textarea rows="6" cols="160" style="width: 100%;" placeholder="&emsp;请输入内容" name="area" class="area"></textarea>
            </div>
            <div style="float: right; margin-right: 200px;">
                <button class="submit rounded"
                    style="color: aliceblue; background-color:#7f4e16;border: 1px solid#7f4e16;">立即提交</button>
                <button class="rounded" type="reset" value="重置按钮"
                    style="color: aliceblue; background-color:#454545;border: 1px solid#454545;">重置</button>
            </div>
        </form>
    </div>

</body>

</html>